<template>
    <div class="mainBox">
		<el-button type="text" style="float: left;margin-left: 15px;">
					<i class="iconfont icon-shanchu" style="font-size: 20px;color:#fd034f"></i>
					<span style="margin-left: 5px;white-space: nowrap;width: 50px;color: #000000;">删除</span>
		</el-button>
        <el-col :span="2" :offset="13">
         <el-select v-model="value" placeholder="请选择">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
        </el-col>
		<el-input placeholder="请输入关键字搜索" suffix-icon="el-icon-search" v-model="searchvalue" style="float: right;width: 30%;">
		</el-input>   
        <el-table :data="zhaoPinList" tooltip-effect="dark" style="width: 100%;height: 90%;" stripe @selection-change="handleSelectionChange">
				<el-table-column type="selection" >
				</el-table-column>
				<el-table-column prop="content" label="内容" align="center" valign="middle" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="user" label="用户" align="center" valign="middle"  show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="date" label="时间" align="center" valign="middle" show-overflow-tooltip>
				</el-table-column>
				<el-table-column prop="work" label="操作" align="center" valign="middle" show-overflow-tooltip>
					<template slot-scope="scope">
						<el-button size="mini" type="primary" style="background-color: #409EFF;" @click="handleEdit(scope.$index, scope.row)">忽略</el-button>
					</template>
				</el-table-column>
			</el-table>    

            <el-pagination v-show="all!=1" background :page-size="8" @current-change="handleCurrentChange" layout="total, prev, pager, next, jumper"
			 :page-count="all" style="float: right;">

			</el-pagination> 
    </div>
</template>

<script>
export default {
    data(){
        return{
             options: [{
          value: '1',
          label: '全部'
        }, {
          value: '2',
          label: '已发布'
        }, {
          value: '3',
          label: '待审核'
        },{
            value:'4',
            label:'已下架'
        }],
        value: '1',
            pagenow: 1,
			all: 1,
            zhaoPinList:[
                {
                    content:'这个岗位还招人吗',
                    user:'张三',
                    date:'2019-06-28 17:31',
                },{
                    content:'润实科技——电工',
                    user:'李四',
                    date:'2019-06-28 17:31',
                },{
                    content:'润实科技——电工',
                    user:'小红',
                    date:'2019-06-28 17:31',
                },
            ],
            multipleSelection: [],
            searchvalue: '',
        }
    },
    methods:{
        handleEdit(index, row) {
            console.log(index, row);
        },
        handleCurrentChange(val) {
				this.pagenow = val;
				// this.getzhaoPinList()
				console.log(`当前页: ${val}`);
			},
        handleSelectionChange(val) {
			this.multipleSelection = val;
		},
    },
}
</script>

<style>
.mainBox{
    min-height: 700px;
	background-color: #FFFFFF;
	margin-top: 20px;
	padding: 20px;
	border-radius: 10px;
}
</style>